<template>
    <el-input-number 
        class="flex-input" 
        v-model="form[data.paramKey]"
        :min="min" 
        :max="max"
        style="width:100%;" 
        :placeholder="data.placeholder || ''"  
    />
</template>
<script setup>
    import { watch } from 'vue';
    const props = defineProps({
        form:{ type:Object },
        data:{ type:Object },
        min:{ type:Number, default:0 },
        max:{ type:Number, default:100 }
    });
</script>
<style lang="scss">
    .flex-input {
        height:var(--baseHeight);
        font-size:var(--baseFontSize);
        line-height:var(--baseHeight);
        .el-input__wrapper {
            padding:0 var(--sPadding);
            input {
                font-size:var(--baseFontSize);
                height:var(--baseHeight);
                line-height:var(--baseHeight);
            }
        }
    }
    .flex-input.el-textarea {
        height:calc( 2 * var(--baseHeight));
        line-height:calc( 2 * var(--baseHeight));
    }
</style>

